<style>
  .layui-form-item-botton {
    margin-bottom: 0px;
  }
</style>

<title>订单信息</title>

<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href=""></a>
    <a><cite>订单信息</cite></a>
  </div>
</div>



<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-header">订单信息</div>

        <fieldset class="layui-elem-field site-demo-button">
          <legend>订单信息</legend>
          <table class="layui-table layui-table-add" lay-skin="nob">
            <tbody>
            <tr>
              <th width="100" class="pad">订单编号</th>
              <td>SW00152100</td>
            </tr>
            <tr>
              <th class="pad">订单类型</th>
              <td>平台</td>
            </tr>
            <tr>
              <th class="pad">订单状态</th>
              <td>待发货</td>
            </tr>
            <tr>
              <th class="pad">交易时间</th>
              <td>2017-04-12 17:27:36</td>
            </tr>
            </tbody>
          </table>
        </fieldset>

        <fieldset class="layui-elem-field site-demo-button">
          <legend>会员信息</legend>
          <table class="layui-table layui-table-add" lay-skin="nob">
            <tbody>
            <tr>
              <th width="100" class="pad">会员ID</th>
              <td>10001</td>
            </tr>
            <tr>
              <th class="pad">会员姓名</th>
              <td>李四</td>
            </tr>
            <tr>
              <th class="pad">手机号码</th>
              <td>13688888888</td>
            </tr>
            </tbody>
          </table>
        </fieldset>

        <fieldset class="layui-elem-field site-demo-button">
          <legend>收货地址</legend>
          <table class="layui-table layui-table-add" lay-skin="nob">
            <tbody>
            <tr>
              <th width="100" class="pad">收货人</th>
              <td>张三</td>
            </tr>
            <tr>
              <th class="pad">手机号码</th>
              <td>13644658863</td>
            </tr>
            <tr>
              <th class="pad">收货地址</th>
              <td>广东省深圳市宝安区留仙一路高新奇工业园</td>
            </tr>
            </tbody>
          </table>
        </fieldset>

        <fieldset class="layui-elem-field layui-field-title mtb10">
          <legend>商品信息</legend>
        </fieldset>
        <table class="layui-table" lay-skin="line">
          <thead>
          <tr>
            <th colspan="2">商品名称</th>
            <th>所属品牌</th>
            <th>数量</th>
            <th>商品成本</th>
            <th>成交金额</th>
            <th>成交AGR</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <!-- 点击进入前台对应商品页面 -->
            <td width="66" class="a3"><a href="" target="blank"><img class="img-cp" src="img/1.jpg" alt=""></a></td>
            <td width="300" class="a3">
              <a href=""><div>钻石陀飞轮</div>
                <div class="gray">红色</div></a>
            </td>
            <td>浪陀</td>
            <td>1</td>
            <td><span class="price">5000.00</span></td>
            <td><span class="price">10000.00</span></td>
            <td>50000</td>
          </tr>
          </tbody>
        </table>

        <fieldset class="layui-elem-field site-demo-button">
          <legend>其它信息</legend>
          <table class="layui-table layui-table-add" lay-skin="nob">
            <tbody>
            <tr>
              <th width="100" class="pad">备注</th>
              <td>请周末发货！</td>
            </tr>
            </tbody>
          </table>
        </fieldset>

      </div>
    </div>
  </div>
</div>

<script>

  layui.define(['form', 'upload'], function(exports) {
            var $ = layui.$
                    , layer = layui.layer
                    , laytpl = layui.laytpl
                    , setter = layui.setter
                    , view = layui.view
                    , element = layui.element
                    , admin = layui.admin
                    , form = layui.form
                    , upload = layui.upload;

            var $body = $('body');

            form.render();
          }
  );


</script>




